.@{theme} {
    .user-group-main {
      background-color: @normal-bg-color;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
    .top-left {
    	width:100%;
    	height:52px;
    	line-height: 52px;
    	background-color: @deep-bg-color;
    }
    .top-right {
    	float:left;
    	height:50px;
    }
    .bottom-left {
    	background-color: @nav-bg-color;
    	position: absolute;
    	top: 62px;
    	width: 170px;
    	bottom: 10px;
    	left: 10px;
    }
    .empty-group {
    	width:100%;
    }
    .bottom-right {
        position: absolute;
        left: 200px;
        right: 20px;
        top: 62px;
        bottom: 10px;
    }
    .group-button {
    	margin-top: 17px;
    	margin-left: 15px;
    	margin-bottom: 15px;
    }
    .top-left .group-title {
    	margin-left: 20px;
    	font-size: 14px;
    	font-weight: 400;
    }
    .validation-span {
    	color: @error-color;
        text-align: center;
        margin-top: -18px;
    }
    .errorMsg {
    	color: @error-color;
    	font-size: 9px;
    	margin-left: 25%;
    }
    .subtitle {
    	color: @font-color-white;
    }
    .user-search {
    	width:250px;
    	height:32px;
    	padding-left: 25px;
    }
    .user-button {
    	float:left;
    	margin-right: 10px;
    }
    .split {
    	clear:both;
    }

    .add-user-search {
    	margin-top: 5px;
    	margin-left: 15px;
    }
    .add-user-button {
    	margin-top: 5px;
    	float:left;
    	margin-left: 25px;
    }

    .user-table {
    	margin-top: 10px;
    }
    .user-table .ant-spin-container {
        position: absolute;
        overflow-y: auto;
        left: 0;
        right: 0;
        top: 50px;
        bottom: 60px;
    }
    .user-table .ant-table-pagination {
        // position: absolute;
        // bottom: 0;
        // left: 0;
        // right: 0;
       margin-bottom: 0;
    }

    .vertical-center-modal {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .vertical-center-modal .ant-modal {
      top: 0;
    }
    .ant-card-body {padding: 0;}

    .group-block-select {
        background-color: @active-block-color;
        height: 32px;
        line-height: 32px;
        border-radius: 0;
        border:0 none;
        color: @font-color-white;
        margin-bottom: 10px;
    }
    .group-block-unselect {
    	cursor: pointer;
        color: @normal-font-color;
        height: 32px;
        line-height: 32px;
        border-radius: 0;
        margin-bottom: 10px;
        background: transparent;
        border: 0 none;
    }
    .group-edit-block{
        background-color: @active-block-color;
        border-radius: 0;
        border: 0 none;
        height: 32px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .group-name {
    	float:left;
    	margin-left: 20px;
        width:80px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .deleteIcon {
    	float:right;
    	margin-right: 20px;
    	color: @font-color-white;
    }
    .editIcon {
    	float:right;
    	margin-right: 10px;
    	color: @font-color-white;
    }
    .edit_name_input {
    	float: left;
        width: 90px;
        margin-left: 12px;
        line-height: 32px;
        height: 32px;
    }
    .group-block-unselect a {
        display: none;
    }
    .group-block-unselect:hover a {
        display: inline-block;
        color: @font-color-base;
    }
    .ant-table tr td {
        color: @font-color-base;
    }
    .ant-table tr:hover td,
    .ant-table tr:hover td a {
        color: @font-color-white
    }
    .ant-pagination-prev,
    .ant-pagination-item,
    .ant-pagination-next {
    	display: inline-block;
        // float:none;
    }
    .ant-pagination {
        // float:none;
        text-align: center;
        padding:10px;
        //background: @pagenav-bg;
        .ant-pagination-jump-prev{

        }
        .ant-pagination-jump-next{

        }
    }
    .userdelete {
        display: inline-block;
        min-width: 55px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        border-radius: 2px;
    }
    .ant-table tr td .userdelete{
        padding:0 3px;
    }
    .ant-table tr:hover td .userdelete {
        background: @delete-hover-color;
        color: @default-font-color;
    }

    .userdelete i {
        vertical-align: -2px;
    }

    .user-search-div {
        position: relative;
        float: right;
        width: 250px;
        height: 32px;
    }

    .user-search-div .iconfont {
        position: absolute;
        top: 4px;
        left: 5px;
        z-index: 1;
        color: @font-color-base;
    }

    .ant-form-item-label > label {
        color: @font-color-base
    }


    .group-list ul {
    	overflow-y: auto;
        position: absolute;
        width: 170px;
        bottom: 0;
        top: 64px;
    }
}
